@charset "utf-8";
.smenu .smenu-left {
  width: 200px;
  height: 396px;
}
.smenu .smenu-left a {
  color: #1a1a1a;
  font-size: 14px;
}
.smenu .smenu-left .smenup {
  line-height: 34px;
  border: 1px solid #f3f3f3;
}
.smenu .smenu-left div {
  width: 480px;
  height: 396px;
  top: 0;
  left: 199px;
  z-index: 150;
  box-sizing: border-box;
  padding:10px 20px;
  display:none;
  background-color:#fff;
}
.smenu .smenu-left .smenup:hover {
  border: 1px solid #f60;
  background-color: #fff;
  border-right: 0;
  position: relative;
  z-index: 300;
}
.smenu  .smenup:hover a {
  color: #f60;
}
.smenu-left li div dl {
  margin-top: 20px;
}
.smenu-left li div dt {
  color: #f60;
  border-bottom: 1px solid #ccc;
  line-height: 26px;
}
.smenu-left li div dd a {
  margin-right: 20px;
  line-height: 26px;
}
.smenu-left li:hover div {
  display: block;
}

.smenu .smenu-right {
    width: 1000px;
    height: 400px;
  }
  /* 今日推荐 */
  .recommend {
    margin-bottom:42px;
  } 
 .recommend ul{
     width: 1170px;
 }
 .recommend ul li{
     width:195px;
     height: 250px;
     box-sizing: border-box;
     border-bottom:2px solid #f60;
     border-left:2px solid #f60;

 }
 
 .recommend ul{
  border-right:2px solid #f60; 
 }
 .recommend ul .talc{
   width: 148px;
   height: 145px;
   margin:0 auto;
 }
 .recommend ul .talc img{
  width: 148px;
  height: 145px;
 }

 /* 图书电子书 */
 .book .boox-left{
   width:900px;
 
 }
 .book {
   margin-bottom:45px;
 }

 
 .boox-r{
   width: 660px;
   height: 440px;
   border-right:solid 2px #cccccc;
  
 }
 
 .book .boox-r .boox-rul{
   width:165px;
   height: 220px;
   box-sizing: border-box;
   border-left:solid 2px #cccccc;
   border-bottom:solid 2px #cccccc;
   padding-top:20px;
 }
 .book .boox-r .boox-rul img{
   margin-bottom:5px;
  width: 158px;
  height: 116px;
 }
 .book .boox-r .boox-rulb{
  width:330px;
  height: 220px;
  box-sizing: border-box;
   border-left:solid 2px #cccccc;
   border-bottom:solid 2px #cccccc;
 }


 .book .boox-right{
  width:280px;
  height: 446px;
  box-sizing: border-box;
  border: solid 2px #e5e5e5;
  margin-top:34px;
  padding:5px 0;
}
.book .boox-right ul{
  margin-left:20px;
}
.book .boox-right ul span{
  top:12px;
  left: -12px;

}
.book .boox-right ul .linep{
  color: #4d4d4d;
  line-height:40px;
  border-bottom:2px solid #e5e5e5;
}
.book .boox-right ul li:last-child .linep{
  border-bottom:0;
}
.book .boox-right ul div img{
  width: 112px;
  height: 147px;
}
.book .boox-right ul div p{
  margin-top:4px;
  color: #404040;
}

/* 家居日用 */
.house{
  margin-bottom:45px;
}
.house .house-left{
  width: 488px;
  
}
.house .house-left img{
  width:486px;
}

.house .house-right{
  width: 712px;
  border-left:2px solid #ccc;
 
  
}
.house .house-right img{
  border-right:2px solid #ccc;
  border-bottom:2px solid #ccc;
  flex: 1;
}
.img1 img{
  height: 159px;
}

/* 推广商品 */
.goods .title{
  margin-bottom:5px;
}
.goods  ul{
  width: 1180px;
  margin:0 auto 40px;
}
.goods  ul li{
  width: 236px;
  box-sizing: border-box;
  padding:25px 37px;
 
 
}
.goods  ul a{
  display:block;
  width: 150px;
  margin: 0 auto;
}.goods ul li:hover{
  background-color: #f2f2f2;
}

/* 楼层滚动 */
.floor{
  width: 40px;
  height: 200px;
  background-color: #f2f2f2;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  margin-left:-660px;
}
.floor li{
  width: 40px;
  height: 40px;
  background: url('../imgs/floor.png') no-repeat;
  text-align: center;
  line-height:40px;
  text-indent:40px;
  overflow: hidden;
  color:#fff;
}
.floor .floor-bg1{ background-position-y: 0; }
.floor .floor-bg2{ background-position-y: -80px; }
.floor .floor-bg3{ background-position-y: -160px; }
.floor .floor-bg4{ background-position-y: -200px; }
.floor .floor-bg5{ background-position-y: -320px; }


/* 固定头部搜索框*/
.top-input{
  width: 100%;
  height: 86px;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index:500;
  display: none;
  border-bottom:6px solid #f60;
}
.top-input img{
  position: relative;
  left:30%;
  transform: translateX(-80%);
}
.top-input>.search{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
